<?xml version="1.0" encoding="utf-8" ?>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<jsp:include page="/commonPart/htmlHeader2.jsp">
	<jsp:param name="title" value="${userInfo.name}的个人空间-CommonWorld" />
</jsp:include>
<body>
<div id = "CW_Screen" >
	<jsp:include page= "/commonPart/bodyHeader2.jsp" ></jsp:include>
	<div id = "CW_Content">
		<div id = "SpaceLeft">
			<jsp:include page = "/commonPart/MySpaceLeft.jsp" ></jsp:include>
			<jsp:include page = "/commonPart/HomeSpaceLeft.jsp"></jsp:include>
		</div>
		<div id = "SpaceRight">
			<div class = "RMod" id = "user_info">
				<h1>我的资料</h1>
				<div id = "base_info">
					<h2>基本资料</h2>
					<ul>
						<li>
							<strong>生日: </strong>
							<p>${empty userInfo.bothday ? '无' : userInfo.bothday}</p>
						</li>
						<li>
							<strong>城市: </strong>
							<p>${empty userInfo.address ? '无' : userInfo.address}</p>
						</li>
					</ul>
				</div>
				<div id = "contact_info">
					<h2>联系方式</h2>
					<ul>
						<li>
							<strong>QQ号码: </strong>
							<p>${empty userContactInfo.qq ? '无' : userContactInfo.qq}</p>
						</li>
						<li>
							<strong>电子邮箱: </strong>
							<p>${empty userContactInfo.email ? '无' : userContactInfo.email}</p>
						</li>
						<li>
							<strong>手机号码</strong>
							<p>${empty userContactInfo.tel ? '无' : userContactInfo.tel}</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div id = "SpaceMain">
			<div class = "MMod" id = "Logs">
				<ul class = "LogTabs">
					<li class = "active">
						<a href = "" name = "logs">最新动态</a>
					</li>
				</ul>
				<ul class = "LogFilter">
					<li>
						<a href = "?ft=all" class = "${ft == 'all' ? 'active' : ''}">所有</a>
					</li>
					<li>
						<a href = "?ft=self" class = "${ft == 'self' ? 'active' : ''}">我自己</a>
					</li>
					<li>
						<a href = "?ft=fellow" class = "${ft == 'fellow' ? 'active' : ''}">我关注的人</a>
					</li>
				</ul>
				<ul class = "UserLogs">
					<c:forEach items= "${blogLogs}" var="blogLog">
						<li>
							<table class = "ostable">
								<tr>
									<td class = "headImage">
										<a href = "${blogLog.userHome}" target="_blank">
											<img src = "${blogLog.userHeadImage}" title = "${blogLog.userName}" class = "SmallPortrait" />
										</a>
									</td>
									<td class = "content">
										<h5>
											<a href = "${blogLog.userHome}" target="_blank" class = "user">${visitorStatus.id == blogLog.userId ? '我' : blogLog.userName}</a>
											<span class = "action">
												发表了博客
												<a href = "${blogLog.blogHome}" class = "blog" target=	"_blank">${blogLog.title}</a>
											</span>
										</h5>
										<div class = "bottom">
											<div class = "opts">
												<a href = "${blogLog.blogHome}" target="_blank">查看原文</a>
											</div>
											<div class = "info">
												<span class = "date">发布于 ${blogLog.writeDateInterval}, </span>
												<span class = "stat">${blogLog.commentCount}评/${blogLog.readCount}阅/${blogLog.praiseCount}赞</span>
											</div>
										</div>
									</td>
								</tr>
							</table>
						</li>
					</c:forEach>
				</ul>
				<ul class = "pager">
					<c:if test="${currentPage > 1}">
						<li class = "page prev">
							<a href = "?ft=${ft}&p=${currentPage - 1}">&lt;</a>
						</li>
					</c:if>
					<c:if test = "${beginIndex > 1 }">
						<li class = "page">
							<a href = "?ft=${ft}&p=1">1</a>
						</li>
					</c:if>
					<c:forEach items="${pages}" var = "page">
						<li class = "page ${currentPage == page ? 'current' : ''}">
							<a href = "?ft=${ft}&p=${page}">${page}</a>
						</li>
					</c:forEach>
					<c:if test = "${endIndex < totalPage}">
						<li class = "page">
							<a href = "?ft=${ft}&p=${totalPage}">${totalPage}</a>
						</li>
					</c:if>
					<c:if test = "${currentPage < totalPage}">
						<li class = "page next">
							<a href = "?ft=${ft}&p=${currentPage + 1}">&gt;</a>
						</li>
					</c:if>
				</ul>
			</div>
		</div>
	</div>
	<div class = "clear"></div>
	<div id = "footer"></div>
</div>
</body>
</html>